<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no" name="format-detection">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1;user-scalable=no;">
    <title>1起购</title>
    <link rel="stylesheet" href="/statics/view/css/bootstrap.css">
    <link rel="stylesheet" href="/statics/view/css/style.css">
    <link rel="stylesheet" href="/statics/view/css/member.css">
    <link rel="stylesheet" href="/statics/view/css/order3.css">
    <link href="/statics/view/css/yy_common.css" rel="stylesheet">
    <script charset="utf-8" src="/statics/view/js/jquery.min.js"></script>
    <script charset="utf-8" src="/statics/view/js/global.js"></script>
    <script charset="utf-8" src="/statics/view/js/bootstrap.min.js"></script>
    <script charset="utf-8" src="/statics/view/js/template.js"></script>
    <script charset="utf-8" src="/statics/view/js/stickTop.js"></script>
    <script type="text/javascript" src="/statics/layer.m/layer.m.js"></script>
    <style type="text/css">
        .details_con li .tb-out-of-stock{
            border: 1px dashed #bbb;
            color:#bbb;
            cursor: not-allowed;
        }
        .no-selected{
            background: #ffe8e8 none repeat scroll 0 0;
            border: 2px solid #be0106;
            margin: -1px;
        }
        /*动态返回顶部*/
        .fixed_box { position: fixed; bottom: .5rem; right: .5rem;display: none; }
    </style>
</head>

<body>
<div class="fanhui_cou">
    <div class="fanhui_1"></div>
    <div class="fanhui_ding">顶部</div>

</div>

<header class="header">
    <div class="fix_nav">
        <div style="max-width:768px;margin:0 auto;background:#db3652;position: relative;">
            <a class="nav-left back-icon" href="javascript:history.back();">返回</a>
            <div class="tit">往期揭晓</div>
            <a class="nav-right icon-home" href="/dbs/index.html">首页</a>
        </div>
    </div>
</header>
<div class="container" id="dataList" data-pro="list">
[#list dbTimesList as dbTimes]
    <div class="white-bg bb1" style="background-color:#D5D5D5;">

        <a  href="/dbs/product-${dbTimes.dbProduct.id}-${dbTimes.timesNo}.html"
                title="默认排序" style="background-color:#D5D5D5;"><span class="item-name"> &nbsp;&nbsp;期号：${dbTimes.timesNo}(揭晓时间：${dbTimes.endDate})</span></a>

    </div>
    <a href="/dbs/product-${dbTimes.dbProduct.id}-${dbTimes.timesNo}.html">
        <div class="hproduct clearfix" style="background:#fff;border-top:0px;">
            <div class="p-pic"><img style="max-height:100px;margin:auto;" class="img-responsive"  alt="${dbTimes.dbProduct.name}" src="${dbTimes.dbProduct.medium}"></div>
            <div class="p-info">
                <p class="item-name">${dbTimes.dbProduct.name}</p>
                [#if dbTimes.isLottery]
                    <p class="mb0 old-price">幸运者：<a href="" style="color:#0044cc">${dbTimes.lotteryMobileInfo}</a></p>
                    <p class="mb0 old-price">幸运号码：<span class="red">${dbTimes.timesCode}</span></p>

                    <p class="mb0 old-price">揭晓时间:${dbTimes.endDate?string("yyyy-MM-dd HH:mm:ss")} </p>
                [/#if]
                <p class="mb0 old-price">    该用户本期参与:   <span class="red"> ${dbTimes.dbOrder.quantity}</span>人次

                </p>
                <p class="mb0 old-price">
                <a class="mb0 old-price" id ="showMyCode"  href="javascript:void(0)" onclick="showAllCode()" style="color:#0044cc" data-id="${dbTimes.dbOrder.id}" data-content="${dbTimes.lotteryCode}"  href="javascript:void(0);" data-pro="mycode">
                    查看ta的号码
                    <div  style="display: none;">
                    ${dbTimes.dbOrder.htmlCodeInfo}
                    </div>
                </a>
                </p>
            </div>
        </div>
    </a>
    <div class="order_i_h"></div>

[/#list]
</div>

<div class="clear"></div>
<div class="fixed_box" style="-webkit-transform-origin: 0px 0px; opacity: 1; -webkit-transform: scale(1, 1); display: none;">
    <a href="javascript:scrollTo(0,0)" class="btn_back" id="backtop"><img style="width:2rem" src="images/2/go-top.png"></a>
</div>

<script type="text/javascript">
    function showAllCode(){
        $("#myModal").modal().css({
            "margin-top": function () {
                return ($(window).height() / 2)-($(this).find(".modal-content").height()/2);
            }
        });
    }

</script>

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"
                        data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    模态框（Modal）标题
                </h4>
            </div>
            <div class="modal-body">
                在这里添加一些文本
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</body>
</html>